<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
    <link rel="stylesheet" href="./style.css">
    <title>Document</title>
</head>
<body>
    <div class="services-section">
        <div class="inner-width">
            <h1 class="section-title">Ouer Services</h1>
            <div class="border"></div>
            <div class="services-container">
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-paint-brush"></i>
                    </div>
                    <div class="services-title">Chinese</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。</div>
                    </div>
                    
                </div>
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-tasks"></i>
                    </div>
                    <div class="services-title">English</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">In the meanwhile I smile and I sing all alone. In the meanwhile the air is filling with the perfume of promise.</div>
                    </div>
                    
                </div>
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-barcode"></i>
                    </div>
                    <div class="services-title">mathematics</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">3.1415926535 8979323846 2643383279 5028841971 6939937510 5820974944 5923078164</div>
                    </div>
                    
                </div>
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <div class="services-title">physics</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">物理定律不能单靠“思维”来获得，还应致力于观察和实验。</div>
                    </div>
                    
                </div>
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-bomb"></i>
                    </div>
                    <div class="services-title">chemistry</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">世间最大的快乐，莫过于发现世人从未见过的新物质。</div>
                    </div>
                    
                </div>
                <div class="services-box">
                    <div class="services-icon">
                        <i class="fas fa-bug"></i>
                    </div>
                    <div class="services-title">biology</div>
                    <div class="services-info-wrapper">
                        <div class="services-info">只有服从大自然,才能战胜大自然。</div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</body>
</html>